{layout name="layout" /}

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    <a href="{:url('index/index')}"> 首页</a>
    <span class="c-gray en">&gt;</span>
    <a href="{:url('sys_log/index')}">系统日志</a>
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
        title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="Hui-article">
	<article class="cl pd-20" style="min-width: 900px;max-width: 80%;">
		<div class="cl pd-5 bg-1 bk-gray">
			<span class="l">
				<a href="javascript:;" onclick="del_all()" class="btn btn-danger radius">
					<i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a>
			</span>
			<!-- <span class="r">共有数据：<strong>54</strong> 条</span>  -->
		</div>
		<div class="mt-10">
			<table class="table table-border table-bordered table-hover table-bg">
				<thead>
					<tr class="text-c">
						<th width="25">
							<input type="checkbox" value="" name="allcheck">
						</th>
						<th width="40px">ID</th>
						<th min-width="220px">查询参数</th>
						<th>模快</th>
						<th>执行控制器</th>
						<th>执行方法</th>
						<th>请求方法</th>
						<th>用户名</th>
						<th>ip</th>
						<th>时间</th>
						<th width="80px">操作</th>
					</tr>
				</thead>
				<tbody>
					{foreach $data as $val}
					<tr class="text-c">
						<td>
							<input type="checkbox" value="{$val.id}" name="checkbox[]">
						</td>
						<td>{$val.id}</td>
						<td class="text-l">{$val.querystring}</td>
						<td>{$val.m}</td>
						<td>{$val.c}</td>
						<td>{$val.a}</td>
						<td>{$val.method}</td>
						<td>{$val.username}</td>
						<td>{$val.ip}</td>
						<td>{$val.time|date="Y-m-d H:i:s"}</td>
						<td class="f-14">
							<a title="删除" href="javascript:;" onclick="del(this,'{$val.id}')" class="ml-5" style="text-decoration:none">
								<i class="Hui-iconfont">&#xe6e2;</i>
							</a>
						</td>
					</tr>
					{/foreach}
				</tbody>
			</table>
		</div>
        <div class="cl pd-5 bg-1 bk-gray mt-20 ">
            <span class="r">{notempty name="data"}{$data->render()|raw}{/notempty}</span>
        </div>
	</article>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
	// 删除条目
    function del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.post('delete', {
                'id': id
            }, function (data) {
                if (data.code == 1) {
                    $(obj).parents("tr").remove();
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 2000
                    });
                    return false;
                }
            }, 'json');
        });
    }

    // 批量删除
    function del_all() {
        var checkbox = $('.text-c input[name="checkbox[]"]');
        var ids = new Array();
        checkbox.each(function (x) {
            if (this.checked)
                ids.push(this.value);
        })
        console.log(ids);
      
        layer.confirm('确认要删除吗？', function (index) {
            $.post('delete', {
                'id': ids
            }, function (data) {
                if (data.code == 1) {
                    layer.msg(data.msg, {
                        icon: 1,
                        time: 1000
                    });
                    checkbox.each(function (x) {
                        if (this.checked)
                            $(this).parents("tr").remove();
                    })
                } else {
                    layer.msg(data.msg, {
                        icon: 5,
                        time: 1000
                    });
                }
            }, 'json')
        });
    }
</script>
<!--请在上方写此页面业务相关的脚本-->